<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload=function()
	{
		canvas=document.getElementById('mycanvas');
		ctx=canvas.getContext('2d');
		
		ctx.strokeStyle='#ff0000';
		ctx.beginPath();
		ctx.arc(100,200,45,0.5,Math.PI*1,true);

		ctx.stroke();
		ctx.closePath();
		//
		
		
		ctx.strokeStyle='#0000ff';
		ctx.lineWidth='5';
		ctx.fillStyle='#0000ff';
				
		ctx.beginPath();
	
		ctx.moveTo(300,200);
		ctx.arc(300,200,45,Math.PI*1.90,Math.PI*0.1,true);		
		ctx.closePath();
		ctx.fill();
		ctx.stroke();
	
	
			
			//눈깔
		ctx.strokeStyle='#ff0000';
		ctx.fillStyle='#ff0000';
	
		ctx.beginPath();
	
		ctx.arc(305,175,7,Math.PI*2,Math.PI*0,true);		
		ctx.closePath();
		ctx.fill();
		ctx.stroke();
		
		ctx.fillStyle='#B5B2FF';
		ctx.strokeStyle='#FF007F';
		
		
		ctx.fillRect(400,100,50,300);
		ctx.strokeRect(400,100,50,300);
		//
		ctx.fillRect(450,250,50,150);
		ctx.strokeRect(450,250,50,150);
		//
		ctx.fillRect(500,150,50,250);
		ctx.strokeRect(500,150,50,250);
		//
		ctx.fillRect(550,200,50,200);
		ctx.strokeRect(550,200,50,200);
		
		
	}
</script>
</head>
<body>
	<canvas id='mycanvas' width='1000px' height='1000px'>
	
	
	
	
	</canvas>
</body>
</html>